# Component: Stream Provider

Atomic brand indicator for media sources

Media Atom

### BEM Anatomy

| Type      | Class Name            | Description                                                                                                            |
| --------- | --------------------- | ---------------------------------------------------------------------------------------------------------------------- |
| ==Block== | `.as-stream-provider` | The core container for the provider branding. Supports an `@OuterClass` for layout-specific positioning.               |
| Element   | `__icon`              | The branding asset. Normalized to a height of `2rem` to maintain consistent alignment across different provider logos. |

### Visual Standardization

This component ensures that third-party logos (which often have varying aspect ratios) do not disrupt the UI by enforcing a fixed height. The `alt` attribute is dynamically populated with the `StreamProviderCode` for accessibility and fallback clarity.

##### Generated HTML

```html
<div class="as-stream-provider custom-margin">
    <img src="/assets/images/youtube.svg" 
         alt="YouTube" 
         class="as-stream-provider__icon shadow-sm" />
</div>
```

##### SCSS

```scss
.as-stream-provider {
  &__icon {
    // Ensures vertical consistency 
    // regardless of logo width
    height: 2rem;
    width: auto;
  }
}
```
